<template>
  <div class="body-width home">
    <div class="home-header">
      <el-breadcrumb separator="/">
        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item><a href="/">活动管理</a></el-breadcrumb-item>
        <el-breadcrumb-item>活动列表</el-breadcrumb-item>
        <el-breadcrumb-item>活动详情</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <div class="home-body">
      <goods-card :data="good" v-for="good in this.goods.data.dataList" :key="good.id"/>
    </div>
    <div class="home-footer">
      <el-pagination
        background
        @size-change="handlerChangeSize"
        @current-change="handlerChange"
        @prev-click="handlerChange"
        @next-click="handlerChange"
        layout="sizes, prev, pager, next, jumper"
        :page-size="this.goods.data.pager.pageSize"
        :total="this.goods.data.pager.total">
      </el-pagination>
    </div>
  </div>
</template>

<script src="./component"/>

<style rel="stylesheet/scss" lang="scss" scoped src='./style.scss'/>
